<div id="page-wrapper">
	<div class="header">
		<ol class="breadcrumb">
			<li><a href="#">首页</a></li>
			<li><a href="#">我的任务</a></li>
			<li class="active">进行中的任务</li>
		</ol>
	</div>
	<div id="page-inner">
		<div class="row">
			<div class="container-fluid">
				<!-- Advanced Tables -->
				<div class="panel panel-default">
					<div class="panel-body">
						<div class="table-responsive">
							<table class="table table-striped table-bordered table-hover"
								id="dataTables-example">
								<thead>
									<tr>
										<th><span class="fa fa-check"></span></th>
										<th><span class="fa fa-tasks"></span> 任务标题</th>
										<th><span class="fa fa-user-o"></span> 创建人</th>
										<th><span class="fa fa-clock-o"></span> 完成日期</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td><input type="checkbox" class="myCheck" id="myCheck"><label
											for="myCheck"></label></td>
										<td>记得下周交钱交报告</td>
										<td>李晓冰</td>
										<td>2017-12-22</td>
									</tr>
									<tr>
										<td><input type="checkbox" class="myCheck" id="myCheck1"><label
											for="myCheck1"></label></td>
										<td>记得下周交钱交报告记得告记得下周交钱交报告</td>
										<td>李晓冰</td>
										<td>2017-10-31</td>
									</tr>
									<tr>
										<td><input type="checkbox" class="myCheck" id="myCheck2"><label
											for="myCheck2"></label></td>
										<td>Larry</td>
										<td>the Bird</td>
										<td>2017-12-21</td>
									</tr>
								</tbody>
								<tfoot>
									<tr>
										<th><span class="fa fa-check"></span></th>
										<th><span class="fa fa-tasks"></span> 任务标题</th>
										<th><span class="fa fa-user-o"></span> 创建人</th>
										<th><span class="fa fa-clock-o"></span> 完成日期</th>
									</tr>
								</tfoot>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /. PAGE INNER  -->
	</div>
	<!-- /. PAGE WRAPPER  -->
</div>
<!-- /. WRAPPER  -->
<!-- JS Scripts-->
<!-- jQuery Js -->
<script src="assets/js/jquery-1.12.4.min.js"></script>
<!-- Bootstrap Js -->
<script src="assets/Bootstrap-3.3.7/js/bootstrap.min.js"></script>
<!-- Metis Menu Js -->
<script src="assets/js/jquery.metisMenu.js"></script>
<!-- Custom Js -->
<script src="assets/dataTables/datatables.min.js"></script>
<script>
	$(document).ready(function() {
		$('#dataTables-example').dataTable({
			"columnDefs" : [ {
				"className" : "middleTD",
				"targets" : [ 0, 2, 3 ]
			}, {
				"orderable" : false,
				"width" : "30px",
				"targets" : 0
			} ],
			"oLanguage" : {//语言设置  
				"sLengthMenu" : "每页显示 _MENU_ 条记录",
				"sZeroRecords" : "没有检索到数据",
				"sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录",
				"sInfoEmtpy" : "没有数据",
				"sProcessing" : '<i class="fa fa-coffee"></i> 正在加载数据...',
				"oPaginate" : {
					"sFirst" : "首页",
					"sPrevious" : "<span class=\"fa fa-chevron-left\">",
					"sNext" : "<span class=\"fa fa-chevron-right\">",
					"sLast" : "尾页"
				},
				"sSearch" : "搜索 "
			},
			"order" : [ [ 3, 'asc' ] ],
			"dom" : 'B<"clear">lfrtip',
			"buttons" : [ 'excel' ]
		});
	});
</script>
<script src="assets/js/custom-scripts2.js"></script>